/* 娓呴櫎榛樿鏍峰紡鐨勪唬鐮� */
/* 鍘婚櫎甯歌鏍囩榛樿鐨� margin 鍜� padding */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
input {
  margin: 0;
  padding: 0;
}

/* 鍏у噺妯″紡 */
* {
  box-sizing: border-box;
}

/* 璁剧疆缃戦〉缁熶竴鐨勫瓧浣撳ぇ灏忋€佽楂樸€佸瓧浣撶郴鍒楃浉鍏冲睘鎬� */
body {
  font: 16px/1.5 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei',
    'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
  color: #333;
}

/* 鍘婚櫎鍒楄〃榛樿鏍峰紡 */
ul,
ol {
  list-style: none;
}

/* 鍘婚櫎榛樿鐨勫€炬枩鏁堟灉 */
em,
i {
  font-style: normal;
}

/* 鍘婚櫎a鏍囩榛樿涓嬪垝绾匡紝骞惰缃粯璁ゆ枃瀛楅鑹� */
a {
  text-decoration: none;
  color: #333;
}

/* 璁剧疆img鐨勫瀭鐩村榻愭柟寮忎负灞呬腑瀵归綈锛屽幓闄mg榛樿涓嬮棿闅� */
img {
  vertical-align: middle;
}

/* 鍘婚櫎input榛樿鏍峰紡 */
input {
  border: none;
  outline: none;
  color: #333;
}

/* 宸︽诞鍔� */
.fl {
  float: left;
}

/* 鍙虫诞鍔� */
.fr {
  float: right;
}

/* 鍙屼吉鍏冪礌娓呴櫎娉� */
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}
.clearfix::after {
  clear: both;
}